/*专家咨询*/
.sp-advice-sect{
	margin:24px auto;
	position: relative;
	width:100%;
	max-width:1920px;
	height:2736px;
	background:url(#{$firstlevel-path}images/subpage/sp-advice-bg.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	&.bg3{
		//background:url(#{$firstlevel-path}images/subpage/screen-bg_03.png) no-repeat;
	}
}
.sp-advice-hd{
	padding-top:117px;
	padding-bottom:46px;
}
.sp-advice-tit{
	margin:0;
	width:758px;
	height:123px;
	overflow:hidden;
	font-size:0;
	text-indent:-999px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.sp-advice-bd{
	margin:0 auto;
	width:1300px;
	background:url(#{$firstlevel-path}images/common/wtransparent95.png) repeat;
	overflow:hidden;
	@include fn-border-radius(8px);
}
.sp-advice-cont{
	height:inherit;
	@include fn-clearfix;
}

.advice-info-panel{
	width:100%;
	@include fn-clearfix;
}
.advice-hd{
	margin-top:6px;
	width:100%;
	height:100px;
	padding:30px 0;
	line-height:40px;
}
.g-advice-tit{
	margin:0;
	font-size:24px;
	color:#333;
	font-weight:700;
	line-height:inherit;
	em{
		font-style: normal;
		color:#d84e4e;
	}
}
.advice-bd{
	margin-top:3px;
	width:100%;
}
.h-advice-info{
	margin:0 -10px;
	@include fn-clearfix;
}
.h-advice-item{
	float:left;
	margin:0 10px;
	width:580px;
	height:235px;
}
.h-advice-link{
	padding:40px;
	display:block;
	width:inherit;
	height:inherit;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.h-advice-tit{
	margin:0;
	font-size:28px;
	color:#fff;
	@include fn-text-ellipsis;
	@include fn-text-shadow(1px 0 2px rgba(0,0,0,.2));
}
.h-advice-desc{
	margin-top:30px;
	width:100%;
	height:84px;
	line-height:28px;
	font-size:16px;
	color:#fff;
	@include fn-text-ellipsis3;
	@include fn-text-shadow(1px 0 2px rgba(0,0,0,.2));
	p{
		margin:0;
	}
}

.advice-video-sect,.a-video-list{
	width:100%;
	@include fn-clearfix;
}
.a-video-list{
	margin:40px 0;
	border: 0 none;
	@include fn-box-shadow(2px 0 4px rgba(0,0,0,.05));
	@include fn-border-radius(2px);
	background:#fff;
	.jp-type-playlist{
		overflow: hidden;
	}
	.jp-jplayer{
		width: 100%;
		height: 330px;
		background: #fff;
		position: relative;
	}
	.a-video-bd{
		width: 569px;
		height: 320px;
		.jp-interface{
			height: 75px;
		}
	}
	.a-video-hd{
		width: 610px;
		height: 320px;
		background: none;
		border: 0 none;
	}
}
.a-video-hd,.a-video-bd{
	// height:320px;
	overflow:hidden;
}
.hd-video-items{
	width:610px;
	height:320px;
	overflow:hidden;
	overflow-y:auto;
	.hd-video-item{
		box-sizing:border-box;
		display: block;
		padding:0 0 0 38px;
		border: 0 none;
		width:610px;
		height:80px;
		.hd-video-cont{
			margin: 0;
			border: 0 none;
			display: block;
			width:524px;
			height:inherit;
		}
		&+.hd-video-item{
			.hd-video-cont{
				border-top:1px solid #e6e6e6;
			}
		}
		&:hover{
			background-color:#f5f5f5;
		}
		&.jp-playlist-current{
			background-color: #f3f7ff;
		}
}
}

.hd-video-cont{
	padding:20px 0;
	line-height:42px;
	.jp-playlist-item{
		display: block;
		margin: -20px -38px;
		padding: 20px 38px;
		width: 610px;
		height: 80px;
		&:hover{
			background: none;
		}
	}
	.video-data{
		padding-left:25px;
		position: relative;
		float:right;
		font-size:14px;
		color: #5aa8d1;
		font-style: normal;
		&:before{
			position: absolute;
			top:11px;
			left:0;
			display:block;
			content:'';
			width:19px;
			height:19px;
			background:url(#{$firstlevel-path}images/subpage/video-ico2.png) no-repeat;
		}
	}
	.video-link{
		display:block;
		margin-right:100px;
		font-size:16px;
		color:#333;
		font-weight:700;
		@include fn-text-ellipsis;
	}
}

.video-play-wrap{
	width:580px;
	height:inherit;
	overflow:hidden;
}
.video-item{
	position: relative;
	width:100%;
	height:100%;
	img{
		width:100%;
		height:100%;
	}
	.play-ico{
		position: absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.2) url(#{$firstlevel-path}images/subpage/video-ico1.png) center center no-repeat;
	}
}

.a-video-detail{
	width:100%;
	height:300px;
}
.a-video-inner{
	width:inherit;
	height: inherit;
	overflow:hidden;
	@include fn-border-radius(10px);
	background:url(#{$firstlevel-path}images/subpage/sp-advice-pic4.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.a-video-summary{
	padding:60px;
	width:100%;
	height:inherit;
}

.expert-tx{
	margin-right:60px;
	float:left;
	width:160px;
	height:160px;
	background:#f5f5f5;
	overflow:hidden;
	@include fn-border-radius(80px);
	img{
		width:100%;
		height:100%;
	}
}

.a-video-desc{
	float:left;
	width:700px;
	overflow:hidden;
	.expert-name{
		margin-top:3px;
		font-size:18px;
		color:#fff;
		font-weight:700;
		strong{
			font-size:24px;
		}
	}
}
.a-video-txt{
	margin:25px 0;
	width:100%;
	height:56px;
	line-height:28px;
	font-size:16px;
	color:#fff;
	@include fn-text-ellipsis2;
	*{
		margin:0;
	}
}
.expert-tips{
	width:100%;
	margin:0;
	margin-top:34px;
	font-size: 14px;
	height:20px;
	line-height:20px;
	color:#fff;
	font-weight:700;
}

.advice-topic-sect{
	.advice-hd{
		margin-top:4px;
		height:90px;
		line-height:30px;
	}
}
.advice-topic-panel{
	margin:0 -10px;
	@include fn-clearfix;
}
.a-topic-item{
	margin:10px;
	float:left;
	width:280px;
	height:220px;
	@include fn-box-shadow(0 0 20px rgba(77,92,124,.1));
}
.a-topic-link{
	position: relative;
	padding:10px;
	display:block;
	width:inherit;
	height:inherit;
	background:#fff;
	@include fn-border-radius(2px);
	&:hover{
		.topic-tit{
			color:#eb6262;
		}
	}
}
.a-topic-ico{
	position: absolute;
	top:-10px;
	left:10px;
	display:block;
	width:40px;
	height:30px;
	background:url(#{$firstlevel-path}images/index/hp-review-icon.png) no-repeat;
}

.a-topic-txt{
	padding-top:20px;
	width:100%;
	overflow:hidden;
}
.topic-tit{
	position: relative;
	padding-left:38px;
	width:100%;
	height:20px;
	font-size:18px;
	color:#333;
	font-weight:700;
	@include fn-text-ellipsis;
	&:before{
		position: absolute;
		top:1px;
		left:0;
		display:block;
		width:28px;
		height:28px;
		content:'';
		background:url(#{$firstlevel-path}images/subpage/sp-advice-pic5.png) no-repeat;
	}
}
.topic-desc{
	margin-top:23px;
	padding-left:38px;
	position: relative;
	width:100%;
	height:84px;
	font-size:16px;
	line-height:28px;
	color:#333;
	@include fn-text-ellipsis3;
	&:before{
		position: absolute;
		top:6px;
		left:0;
		display:block;
		width:28px;
		height:28px;
		content:'';
		background:url(#{$firstlevel-path}images/subpage/sp-advice-pic6.png) no-repeat;
	}
}
.advice-solve-sect{
	.advice-hd{
		padding:20px 0;
		height:85px;
		line-height:45px;
	}
}

.a-solve-items{
	margin:0 -20px 46px -20px;
	@include fn-clearfix;
}
.a-solve-item{
	padding:10px;
	position: relative;
	float:left;
	margin:0 20px;
	width:264px;
	height:330px;
	background:#378adf;
	@include fn-border-radius(5px);
	&+.a-solve-item{
		&:before{
			position: absolute;
			top:55%;
			left:-40px;
			display:block;
			width:40px;
			height:30px;
			content:'';
			background:url(#{$firstlevel-path}images/subpage/solve-ico5.png);
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}
}
.solve-title{
	padding-left:50px;
	margin-top:10px;
	margin-left:20px;
	position: relative;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#fff;
}

.solve-txt{
	padding:24px;
	margin-top:19px;
	width:100%;
	height:240px;
	background:#fff;
	@include fn-border-radius(5px);
	h4{
		margin:0;
		text-align:center;
		font-size: 20px;
		font-weight:700;
		line-height:32px;
		@include fn-text-ellipsis2;
	}
	.solve-desc{
		margin-top:16px;
		width:100%;
		height:104px;
		font-size:14px;
		color:#333;
		line-height:26px;
		@include fn-text-ellipsis4;
	}
}

.sp-advice-ftr{
	padding-top:85px;
	text-align:center;
	img{
		max-width:100%;
	}
}

.a-video-list{
	.hd-video-items{
		padding: 0;
	}
	.jp-gui{
		position: relative;
		top: auto;
		bottom: 0;
		display: block;
		height: 30px;
		overflow: hidden;
		@include fn-transition(bottom .3s);
		.jp-interface{
			border-top: 1px solid #666;
			background: rgba(250,250,250,.7);
		}
		.jp-progress{
			width: auto;
			margin: 9px 150px 10px 120px;
			height: 10px;
		}
		.jp-time{
			width: 120px;
			margin-top: -25px;
			font-size: 12px;
			line-height: 20px;
		}
		.jp-current-time{
			margin:0 5px 0 10px;
			font-size: 12px;
			display: inline-block;
			float: none;
			width: auto;
		}
		.jp-duration{
			font-size: 12px;
			display: inline-block;
			float: none;
			width: auto;
		}
		.jp-controls-holder{
			position: absolute;
			right: 0;
			top: 0;
			width: 150px;
			padding: 4px 10px 0;
			display: block;
		}
		.jp-controls{
			margin: 0;
			width: auto;
			button{
				background: none;
				text-indent: 0;
				&.jp-previous{
					.fa:before{
						content:"\f049";
					}
				}
				&.jp-play{
					.fa:before{
						content:"\f04b";
					}
				}
				&.jp-stop{
					.fa:before{
						content:"\f04d";
					}
				}
				&.jp-next{
					.fa:before{
						content:"\f050";
					}
				}
				&.jp-full-screen{
					.fa:before{
						content:"\f0b2";
					}
				}
			}
			.jp-previous,.jp-play,.jp-stop,.jp-next,.jp-full-screen{
				padding: 0;
				width: 20px;
				height: 20px;
				font-size: 12px;
				line-height: 20px;
				float: left;
				display: inline-block;
				margin: 0 3px;
				color: #666;
			}
		}
	}
	.jp-type-playlist:hover{
		.jp-gui{
			bottom: 30px;
		}
	}

	&.jp-state-playing{
		.jp-gui{
			.jp-controls button.jp-play .fa:before{
				content:"\f04c";
			}
		}
	}

	&.jp-video-full .a-video-bd .jp-gui{
		height: 30px;
		bottom: 0;
		.jp-interface{
			height: 30px;
		}
		.jp-controls .jp-full-screen{
			.fa:before{
				content:"\f066";
			}
		}
	}

}


















